<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //一、boolean、undefined、null
        //boolean中true当作1、false当作false
        // console.log(true +1);
        // console.log(false+1)
        //undefined 变量未赋值

        //二、获取数据类型
        //typeof
        // var num = 10;
        // console.log(typeof num);  //number

        // var str = "hello"
        // console.log(typeof str); //string

        // var flag = true;
        // console.log(typeof flag); //boolean

        // var un = undefined;
        // console.log(typeof un);  //undefined

        // var nul = null;
        // console.log(typeof nul);  //object

        //prompt取过来的值是字符类型
        // var age = prompt("请输入你的年龄");
        // console.log(typeof age)



        //三、根据控制台中打印出的内容判断数据类型
        // console.log(18); //数字类型打印出来的是蓝色
        // console.log("18"); //字符串类型打印出来的是黑色
        // console.log(true); //布尔型打印出来的浅蓝色
        // console.log(undefined); //未定义类型打印出来的是浅灰色
        // console.log(null); //空类型打印出来的是浅灰色


        //四、字面量

        //五、数据类型转换
        //1、数字类型转化为字符串：利用+拼接、变量.toString()、String(变量)
        // var num = 10;
        // console.log(num);
        // console.log(num + ''); //利用拼接，因为任何类型的和字符串拼接后都是字符串,这是隐式转换
        
        // console.log(num);
        // var str = num.toString();
        // console.log(str);

        // console.log(num)
        // console.log(String(num));

        //2、其他类型转换为数字型（重点）
        // var pro = prompt('请输入你的年龄')
        //（1）、parseInt(变量) ，转换成字符型的整数型
        // console.log(pro);
        // console.log(parseInt(pro)); //把字符串类型的转换成数字型

        // console.log(parseInt('3.1234'));  //3
        // console.log(parseInt('120px'));  //120
        //（2）、parseFloat(变量) ，转换成字符型的浮点型
        // console.log(parseFloat('3.14'));

        //(3)、Number()
        // var str = '3.4'
        // console.log(str);
        // console.log(Number(str)); //3.4
        //（4）、利用-  * /来实现类型的转换 也就是只有这三个运算符有转换，若是其他的运算符需要转换一下
        // console.log('12' - 0);
        // console.log('123' * 1);


        //3、案例计算年龄
        //弹出框输入用户的出生年
        //变量存储用户输入的出生年，然后用今年的年份-这个出生年
        //最后打印出这个年龄
        // var age = prompt('请输入您的出生年月')
        // var year = 2021 - age;
        // alert('您今年已经'+year+'岁了')


        //4、案例 简单计算器
        //先弹出第一个弹出框输入第一个值
        //再弹出第二个弹出框输入第二值
        //把这两个值相加
        //最后输出结果
        // var num1 = prompt('请输入第一个值');
        // var num2 = prompt('请输入第二个值');
        // var result =parseFloat(num1)  + parseFloat(num2);  //类型转换的时候直接转就行，不用再其他转过来
        // console.log(result);

        //5、其他类型转换为布尔型
        //通过Boolean
        //代表空、否定的值都转换为false


    












    </script>

</body>

</html>